---
---
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  {% include head.html %}
  <body>
    <div id="wrapper">
      {% include top-menu.html %}
      <div id="main-content">
        <p class="intro">
          The <strong>administration framework</strong> for business critical <strong>Ruby on Rails</strong> applications.
        </p>
        <p>
          Active Admin is a Ruby on Rails plugin for generating administration style interfaces. It abstracts common business application patterns to make it simple for developers to implement beautiful and elegant interfaces with very little effort.
        </p>
        <h2>
          A beautiful interface designed for real people.
        </h2>
        <div id="features">
          <div id="features-left">
            <h3 class="first">
              Global Navigation
            </h3>
            <p>
              Customizable global navigation allows you to create usable admin interfaces for your business.
            </p>
            <h3>
              Scopes
            </h3>
            <p>
              Use scopes to create sections of mutually exclusive resources for quick navigation and reporting.
            </p>
            <h3>
              Index Styles
            </h3>
            <p>
              Index screens are available in many styles. The default, shown here, is a table view, but Active Admin also supports Grids, Blocks and a Blog view.
            </p>
            <h3>
              <span class="caps">API</span> &amp; Downloads
            </h3>
            <p>
              Each resource that is registered wtih Active Admin becomes available as <span class="caps">JSON</span>, <span class="caps">XML</span> and <span class="caps">CSV</span> download. Customize the output to meet your requirements.
            </p>
          </div>
          <div id="features-right">
            <h3 class="first">
              User Authentication
            </h3>
            <p>
              Use the bundled Devise configuration or implement your own authorization using the provided hooks.
            </p>
            <h3>
              Action Items
            </h3>
            <p>
              Add buttons, links or other content in the “Action Items” section on each screen.
            </p>
            <h3>
              Filters
            </h3>
            <p>
              Allow users to filter resources by searching strings, text fields, dates, and numeric values.
            </p>
            <h3>
              Sidebar Sections
            </h3>
            <p>
              Customize the sidebar sections with a simple <span class="caps">DSL</span> built in to Active Admin.
            </p>
          </div>
        </div>
        <p>
          Active Admin’s interface was designed from the ground up for non-technical users. It makes it easy for developers to build highly usable interfaces that customers will actually enjoy using.
        </p>
        <h2>
          An elegant <span class="caps">DSL</span> built for developer productivity.
        </h2>
        <p>
          Get started with one line of code or customize the entire interface with the provided <span class="caps">DSL</span>.
        </p>
        <div id="dsl">
          <div class="highlight">
            <pre>
<code class="ruby"><span class="c1"># app/admin/products.rb</span>
<span class="no">ActiveAdmin</span><span class="o">.</span><span class="n">register</span> <span class="no">Product</span> <span class="k">do</span>

  <span class="c1"># Create sections on the index screen</span>
  <span class="n">scope</span> <span class="ss">:all</span><span class="p">,</span> <span class="ss">default:</span> <span class="kp">true</span>
  <span class="n">scope</span> <span class="ss">:available</span>
  <span class="n">scope</span> <span class="ss">:drafts</span>

  <span class="c1"># Filterable attributes on the index screen</span>
  <span class="n">filter</span> <span class="ss">:title</span>
  <span class="n">filter</span> <span class="ss">:author</span><span class="p">,</span> <span class="ss">as:</span> <span class="ss">:select</span><span class="p">,</span> <span class="ss">collection:</span> <span class="nb">-></span><span class="p">{</span> <span class="no">Product</span><span class="o">.</span><span class="n">authors</span> <span class="p">}</span>
  <span class="n">filter</span> <span class="ss">:price</span>
  <span class="n">filter</span> <span class="ss">:created_at</span>

  <span class="c1"># Customize columns displayed on the index screen in the table</span>
  <span class="n">index</span> <span class="k">do</span>
    <span class="n">column</span> <span class="ss">:title</span>
    <span class="n">column</span> <span class="s2">"Price"</span><span class="p">,</span> <span class="ss">sortable:</span> <span class="ss">:price</span> <span class="k">do</span> <span class="o">|</span><span class="n">product</span><span class="o">|</span>
      <span class="n">number_to_currency</span> <span class="n">product</span><span class="o">.</span><span class="n">price</span>
    <span class="k">end</span>
    <span class="n">default_actions</span>
  <span class="k">end</span>

<span class="k">end</span>
</code>
</pre>
          </div>
        </div>
        <h2 class="getting-started-heading">
          3 Ways to Get Started:
        </h2>
        <p class="getting-started">
          <a href="http://demo.activeadmin.info/admin">Check Out the Live Demo</a> <a href="{{ site.baseurl }}/documentation.html">Read The Documentation</a> <a href="http://github.com/activeadmin/activeadmin">Visit the Git Repository</a>
        </p>
      </div>{% include footer.html %}
    </div>
    <p>
      {% include google-analytics.html %}
    </p>
  </body>
</html>
